<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Vshow-秀出自我</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="description" content="Vshow学生发布平台,提供学生的作品发布">
	<meta name="keywords" content="Vshow,致力于发展为高校的学生作品发布平台">

	<link rel="stylesheet" type="text/css" href="__PUBLIC__/style/Index/reset.css">	
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/style/Index/comment.css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/style/Index/index.css">

	<script type="text/javascript" src="__PUBLIC__/script/Index/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="__PUBLIC__/script/Index/jquery-color.js"></script>
	<script type="text/javascript" src="__PUBLIC__/script/Index/easing.1.3.js" ></script>	
	<script type="text/javascript" src="__PUBLIC__/script/Index/comm.js"></script>

</head>
<body><script>
	//nav-scroll
	$(function() {
		(function() {
			var onOff = false;

			var on = true;
			$(window).scroll(function() {
				if($(window).scrollTop()>=750){
					if(on) {
						$("#nav").css({
							"height": 0,
							"opacity": 0
						}).addClass("fixedNav");

						on = !on;						
					}

					$("#nav").stop().animate({
						"height": 44,
						"opacity": 1
					})

					onOff = true;
				}else {
					if(onOff) {
						$("#nav").stop().animate({
							"height": 0,
							"opacity": 0
						}, function() {
							$(this).removeClass("fixedNav").css({
								"height": 44,
								"opacity": 1
							});
						})	
						onOff = false;
						on = !on;											
					}

				} 
			});

		})();
	})
</script>
	<include file="Public:head" active="index"/>

	<div id="container">
		<div class="main">
			<div class="top-warp clearfix">
				<div class="slider-left fl" id="slider">
					<span class="prev"></span>
					<span class="next"></span>				
					<div class="slider-big">
						<div class="slider-big-inner">
						<volist name="recWorkList" id="vo">
							<a href="__APP__/Home/Works/s/id/{$vo.id}" title="{$vo.works_name}"><img src="__ROOT__/Uploads/Works/b_{$vo.works_image}" alt="{$vo.works_name}"></a>
						</volist>					
						</div>
					</div>
					<div class="slider-sm">
						<volist name="recWorkList" id="vo">
							<a href="#" title="{$vo.works_name}"><img src="__ROOT__/Uploads/Works/{$vo.works_image}" alt="{$vo.works_name}"></a>
						</volist>
					</div>
				</div>
			
				<div class="slider-right fr" id="slider-right">
					<ul class="most-tit clearfix">
						<li class="tit1"><a href="javascript:;">最高点击<i></i></a></li>
						<li class="tit2"><a href="javascript:;" >最新作品<i></i></a></li>
					</ul>
					<ul class="most-cont" >
						<li class="most-main">
						<volist name="maxWorkList" id="vo">
							<dl class="mostCont">
								<dd>
									<em <if condition="$i lt 4"> style="border: 1px solid rgb(221, 34, 34); color: rgb(221, 34, 34);" </if>>0{$i}</em>
									<strong><a href="__APP__/Home/Works/s/id/{$vo.id}">{$vo.works_name}</a></strong>
									<span><a href="#">{$vo.works_author}</a></span>
								</dd>						
							</dl>
						</volist>
						</li>
						<li class="most-main">
							<volist name="newWorkList" id="vo">
							<dl class="mostCont">	
									<dd>
										<em <if condition="$i lt 4"> style="border: 1px solid rgb(221, 34, 34); color: rgb(221, 34, 34);" </if>>0{$i}</em>
										<strong><a href="__APP__/Home/Works/s/id/{$vo.id}">{$vo.works_name}</a></strong>
										<span><a href="#">{$vo.works_author}</a></span>
									</dd>						
							</dl>
							</volist>	
						</li>
					</ul> 	
					<div class="tag-cloud">
						<h3>标签云</h3>
						<div class="cloud-main">
							<a href="#" class="tag"><i class="triangle_left"></i>html5</a>
							<a href="#" class="tag"><i class="triangle_left"></i>css3</a>
							<a href="#" class="tag"><i class="triangle_left"></i>js</a>
							<a href="#" class="tag"><i class="triangle_left"></i>php</a>
							<a href="#" class="tag" style="margin-right: 0;"><i class="triangle_left"></i>企业</a>
							<a href="#" class="tag"><i class="triangle_left"></i>精美</a>
							<a href="#" class="tag"><i class="triangle_left"></i>简洁</a>
							<a href="#" class="tag"><i class="triangle_left"></i>精美</a>
							<a href="#" class="tag"><i class="triangle_left"></i>黑色</a>
							<a href="#" class="tag" style="margin-right: 0;"><i class="triangle_left"></i>学校</a>
						</div>
					</div>
				</div>
			</div>
			<!-- <div class="hot-recomm clearfix">
				<h2>热门推荐</h2>
				<ul class="works-box clearfix" id="worksBox">
					<volist name="hotWorkList" id="vo">
						<li class="hotWorkList{$i}">
							<div class="img-box">
								<a href="__APP__/Home/Works/s/id/{$vo.id}" title="{$vo.works.name}" class="zoom">
									<img src="__ROOT__/Uploads/Works/m_{$vo.works_image}" alt="">
								</a>							
							</div>
							<div class="img-cont">
								<h4><a href="#" title="{$vo.works_name}">{$vo.works_name}</a></h4>
								<div class="head fl"><a href="#" title=""><img src="__ROOT__/Uploads/Avater/{$vo.avater_path}" alt="{$vo.works_author}"></a></div>
								<div class="author fl"><a href="#">{$vo.works_author}</a></div>
								<div class="time fr">{$vo.works_pubtime|date="Y-m-d",###}</div>
								<div class="other">
									<dl class="clearfix">
										<dd class="view">{$vo.click_counts}</dd>
										<dd class="love">{$vo.praise_counts}</dd>
										<dd class="star">0</dd>
										<dd class="weixin">{$vo.comment_counts}</dd>
									</dl>								
								</div>
							</div>
						</li>
					</volist>
				</ul>
			</div> -->
			<div class="works-display clearfix">
				<h2>作品展示</h2>
				<ul class="works-box" id="worksBox">
					<volist name="showWorkList" id="vo">
					<li class="showWorkList{$i}">
						<div class="img-box">
							<a  href="__APP__/Home/Works/s/id/{$vo.id}" title="{$vo.works.name}" class="zoom">
								<img src="__ROOT__/Uploads/Works/m_{$vo.works_image}" alt="">
							</a>							
						</div>
						<div class="img-cont">
							<h4><a href="#" title="{$vo.works_name}">{$vo.works_name}</a></h4>
						
							<div class="head fl"><a href="#" title="{$vo.works_author}"><img src="__ROOT__/Uploads/Avater/{$vo.avater_path}" alt="{$vo.works_author}"></a></div>
							<div class="author fl"><a href="#">{$vo.works_author}</a></div>
							<div class="time fr">{$vo.works_pubtime|date="Y-m-d",###}</div>
							<div class="other">
								<dl class="clearfix">
									<dd class="view">{$vo.click_counts}</dd>
										<dd class="love">{$vo.praise_counts}</dd>
										<dd class="star">0</dd>
										<dd class="weixin">{$vo.comment_counts}</dd>
								</dl>								
							</div>
						</div>
					</li>
					</volist>
				</ul>
			</div>
			<div class="bottom-warp clearfix" id="bottomWarp">
				<div class="learning fl">
					 <h2>学习资源<a href="#" title="更多">更多&gt;&gt;</a></h2>
					 <ul class="clearfix" id="learning">
					 	<li>
						 	<a href="#" title="">
						 		<img src="__PUBLIC__/images/Index/pic_html5.jpg" alt="">
						 		<div class="zoomOverlay2">
						 			<h4>10天学会HTML5+CSS3</h4>
						 			<p>语义元素清晰地向浏览器和开发人员表明了它们的涵义和用途，要..</p>
						 		</div>
						 	</a>
					 	</li>
					 	<li style="margin-right: 0;">
						 	<a href="#" title="">
						 		<img src="__PUBLIC__/images/Index/pic_js.jpg" alt="">
						 		<div class="zoomOverlay2">
						 			<h4>10天学会Javascript</h4>
						 			<p>演进和使用的JavaScript是早在1995年开发的一种语言,真..</p>
						 		</div>
						 	</a>
					 	</li>
					 	<li>
						 	<a href="#" title="">
						 		<img src="__PUBLIC__/images/Index/pic_jquery.jpg" alt="">
						 		<div class="zoomOverlay2">
						 			<h4>10天学会Jquery</h4>
						 			<p>10天学会jquery,深入语义，让同学们更好的理解整个页面，希..</p>
						 		</div>
						 	</a>
					 	</li>
					 	<li style="margin-right: 0;">
						 	<a href="#" title="">
						 		<img src="__PUBLIC__/images/Index/pic_php.jpg" alt="">
						 		<div class="zoomOverlay2">
						 			<h4>10天学会php+mysql</h4>
						 			<p>10天学会php，让同学们更好的理解整个页面,深入语义，希望大..</p>
						 		</div>
						 	</a>
					 	</li>
					 </ul>
				</div>	
				<div class="student-recomm fl" id="studentRecomm">
					<h2>学生推荐<a href="#">更多&gt;&gt;</a></h2>
					<ul>
						<li>
							<div class="head"><a href="#"><img src="__PUBLIC__/images/Index/img1.jpg" alt=""></a></div>
							<strong><a href="#" title="是时时刻刻是">陈国龙</a></strong>
							<p><a href="#" title="计算机网络专业">计算机网络专业</a></p>
							<span>粉丝：</span><em>13</em>
							<span>作品：</span><em>0</em>
						</li>
						<li>
							<div class="head"><a href="#"><img src="__PUBLIC__/images/Index/img3.jpg" alt=""></a></div>
							<strong><a href="#" title="是时时刻刻是">林健</a></strong>
							<p><a href="#" title="计算机网络专业">计算机网络专业</a></p>
							<span>粉丝：</span><em>23</em>
							<span>作品：</span><em>5</em>
						</li>
						<li>
							<div class="head"><a href="#"><img src="__PUBLIC__/images/Index/img6.jpg" alt=""></a></div>
							<strong><a href="#" title="是时时刻刻是">付零秀</a></strong>
							<p><a href="#" title="计算机网络专业">计算机网络专业</a></p>
							<span>粉丝：</span><em>5</em>
							<span>作品：</span><em>4</em>
						</li>
						<li>
							<div class="head"><a href="#"><img src="__PUBLIC__/images/Index/img7.jpg" alt=""></a></div>
							<strong><a href="#" title="是时时刻刻是">邓志涛</a></strong>
							<p><a href="#" title="计算机网络专业">计算机网络专业</a></p>
							<span>粉丝：</span><em>2</em>
							<span>作品：</span><em>0</em>
						</li>
						<li>
							<div class="head"><a href="#"><img src="__PUBLIC__/images/Index/img5.jpg" alt=""></a></div>
							<strong><a href="#" title="是时时刻刻是">钟翠华</a></strong>
							<p><a href="#" title="计算机网络专业">计算机多媒体专业</a></p>
							<span>粉丝：</span><em>10</em>
							<span>作品：</span><em>2</em>
						</li>
					</ul>
				</div>
				<div class="tech-article fl" id="techArticle">
					<h2>技术文章<a href="#">更多&gt;&gt;</a></h2>
					<ul class="clearfix">
						<li>
							<b>01</b>
							<strong><a href="#">js性能优化，收藏!</a></strong>
							<a href="#"><img src="__PUBLIC__/images/Index/img1.jpg" alt=""></a>
							<em><a href="#">陈国龙</a></em>
							<span class="time">2015-05-22</span>
						</li>
						<li>
							<b>02</b>
							<strong><a href="#">移动端开发界面</a></strong>
							<a href="#"><img src="__PUBLIC__/images/Index/img2.jpg" alt=""></a>
							<em><a href="#">林健</a></em>
							<span class="time">2015-05-21</span>
						</li>
						<li>
							<b>03</b>
							<strong><a href="#">类似百度页面</a></strong>
							<a href="#"><img src="__PUBLIC__/images/Index/img7.jpg" alt=""></a>
							<em><a href="#">邓子涛</a></em>
							<span class="time">2015-05-20</span>
						</li>
						<li>
							<b>04</b>
							<strong><a href="#">移动端浏览器30坑</a></strong>
							<a href="#"><img src="__PUBLIC__/images/Index/img6.jpg" alt=""></a>
							<em><a href="#">付零检</a></em>
							<span class="time">2015-05-20</span>
						</li>
						<li>
							<b>05</b>
							<strong><a href="#">前端常用技术汇总</a></strong>
							<a href="#"><img src="__PUBLIC__/images/Index/img5.jpg" alt=""></a>
							<em><a href="#">零件</a></em>
							<span class="time">2015-04-22</span>
						</li>
						<li>
							<b>06</b>
							<strong><a href="#">六款jQuery插件</a></strong>
							<a href="#"><img src="__PUBLIC__/images/Index/img4.jpg" alt=""></a>
							<em><a href="#">邓小华</a></em>
							<span class="time">2015-04-22</span>
						</li>
						<li>
							<b>07</b>
							<strong><a href="#">加载进度条交互设计</a></strong>
							<a href="#"><img src="__PUBLIC__/images/Index/img3.jpg" alt=""></a>
							<em><a href="#">名华</a></em>
							<span class="time">2015-02-21</span>
						</li>
						<li>
							<b>08</b>
							<strong><a href="#">快切助手</a></strong>
							<a href="#"><img src="__PUBLIC__/images/Index/img2.jpg" alt=""></a>
							<em><a href="#">晨斌</a></em>
							<span class="time">2015-04-12</span>
						</li>
						<li>
							<b>09</b>
							<strong><a href="#">jq简单仿写2cars游戏</a></strong>
							<a href="#"><img src="__PUBLIC__/images/Index/img1.jpg" alt=""></a>
							<em><a href="#">黄小明</a></em>
							<span class="time">2015-03-22</span>
						</li>
						<li>
							<b>10</b>
							<strong><a href="#">单页开发必备插件</a></strong>
							<a href="#"><img src="__PUBLIC__/images/Index/img1.jpg" alt=""></a>
							<em><a href="#">黄分衫</a></em>
							<span class="time">2015-02-21</span>
						</li>
						<li>
							<b>11</b>
							<strong><a href="#">Canvas头发飘逸动画</a></strong>
							<a href="#"><img src="__PUBLIC__/images/Index/img1.jpg" alt=""></a>
							<em><a href="#">东晓</a></em>
							<span class="time">2015-05-21</span>
						</li>
					</ul>
				</div>
			</div>

		</div>
	</div>

	<include file="Public/footer"/>
</body>
</html>